.middle-1 {
	width: 402px;			/* 多2px是为了鼠标放上去,显示边框线 */
	margin: 50px;
	height: 700px;
	background: #fff;
	position: relative;
	overflow-y: scroll;      /* 开启垂直滚动条 */
	overflow-x: hidden;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 8px 0 #ddd;
}
/* 整体滚动条 */
::-webkit-scrollbar {
  width: 0px;
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-radius: 6px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 6px;
  border: 2px solid #f1f1f1;
  
}

/* 滚动条滑块 - 悬停 */
::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}


.middle-2 {
	position: relative;
}
.middle-2:hover {
	background-color: #f2f2f2; /* 鼠标悬浮时的背景色 */
	border: 1px solid rgb(22, 186, 170);
}
.hover-effect-middle {
	position: absolute;
	left: 0;
	height: 0;
	width: 400px;
	height: 200px;
}
.middle-bc{
	float: right;
	margin-right: 50px;
	margin-top: 10px;
}
.middle-bj{
	float: left;
	margin-left: 50px;
	margin-top: 20px;
}